<%@page import="com.jusu.entity.Shop"%>
<%@page import="java.util.List"%>
<%@page import="com.jusu.biz.ShopBizImpl"%>
<%@page import="com.jusu.biz.IShopBiz"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%
	IShopBiz shopBiz = new ShopBizImpl();
	List<Shop> shopList = shopBiz.show();
	List<Shop> shopListByHot = shopBiz.showByHot();
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>飓速网</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="viewport" content="width=750, minimum-scale=0.4, target-densitydpi=device-dpi,user-scalable=no,">
    <link rel="stylesheet" type="text/css" href="css/m.jui.css" />
    <link rel="stylesheet" type="text/css" href="css/all.css" />
    <style type="text/css">
        .slider-pagination > .slider-pagination-item { background: none; border: 1px solid #FFFFFF; }
        .slider-pagination > .slider-pagination-item.slider-pagination-item-active { background: none; border: 1px solid #f09449; }
    </style>
</head>
<body>
    <div class="jui-flexview">
        <div class="jui-scrollview">
            <header class="jui-bar">
               <a href="isLogin/me/zhihuanka.html"> <p class="adress fl">郑州<span class="iconfont">&#xe622;</span></p></a>
                <div class="bar-find fl">
                    <span class=" iconfont fl">&#xe623;</span>
                    <!-- 
                    	<input class="fl mayInput" type="search" name="" required="" placeholder="Search" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
                	 -->
                </div>
                <p class="iconfont fr">&#xe671;<span></span></p>
            </header>
            <!--首页头部结束-->
            <div class="m-slider" data-jui-slider="" style="position: relative;">
                <div class="slider-wrapper">
                    <div class="slider-item">
                        <a>
                            <img src="img/banner1.jpg">
                        </a>
                    </div>
                     <div class="slider-item">
                        <a>
                            <img src="img/banner2.jpg">
                        </a>
                    </div>                   
                </div>
                <div class="slider-pagination"></div>
            </div>
            <!--首页轮播结束-->
            <div class="content">
                <div class="row jui_newclass no-gutter">
                    <div class="col-25">
                        <img src="img/zugou.png" />
                        <p>我要租购</p>
                    </div>
                    <div class="col-25">
                        <img src="img/zhihuan.png" />
                        <p>我要置换</p>
                    </div>
                    <div class="col-25">
                        <img src="img/huishou.png" />
                        <p>轮毂回收</p>
                    </div>
                    <div class="col-25">
                        <img src="img/jifen.png" />
                        <p>积分商城</p>
                    </div>
                </div>
            </div>
            <!--首页分类结束-->
            <div class=" jui_indexactive clearfix">
                <div class="active_join fl">
                    <img src="img/active.jpg" />
                </div>
                <div class="active_join fr">
                    <img src="img/active2.jpg" />
                </div>
            </div>
            <!--首页活动区域-->
            <div class="mall-list clearfix">
				<div id="title">
		            <p>今日推荐</p>
		            <a href="/mobile/second/list"><h1>更多<i class="iconfont">&#xe629;</i></h1></a>
		        </div>
		        <%
		        	for(Shop shop:shopList){
		        		%>
		        			<div class="mall-item" >
			                    <a style="display:block" >
			                        <div class="mall-img">
			                            <img src="shopImg/<%=shop.getPic1() %>.jpg" />
			                            <span></span>
			                        </div>
			                        <div class="mall-text">
			                        	<img src="img/bespeak_10.png"/>
			                            <p class="name"><%=shop.getsName() %></p>
			                            <p class="sprice"></span>收藏：<%=shop.getHot() %></p>
			                            <p class="price"><span>优惠价：</span><%=shop.getPrice() %></p>
			                        </div>
			                    </a>
			                </div>
		        		<%
		        	}
		        %>
                
                               
            </div>
           
            <div class="mall-list clearfix">
				<div id="title">
		            <p>热搜轮毂</p>
		            <a href="/mobile/second/list"><h1>更多<i class="iconfont">&#xe629;</i></h1></a>
		        </div>
                <%
		        	for(Shop shop:shopListByHot){
		        		%>
		        			<div class="mall-item" >
			                    <a style="display:block" >
			                        <div class="mall-img">
			                            <img src="shopImg/<%=shop.getPic1() %>.jpg" />
			                            <span></span>
			                        </div>
			                        <div class="mall-text">
			                        	<img src="img/bespeak_10.png"/>
			                            <p class="name"><%=shop.getsName() %></p>
			                            <p class="sprice"></span>收藏：<%=shop.getHot() %></p>
			                            <p class="price"><span>优惠价：</span><%=shop.getPrice() %></p>
			                        </div>
			                    </a>
			                </div>
		        		<%
		        	}
		        %>
            </div>
        </div>

    </div>
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/m.jui.js"></script>
    <script src="js/m.juiall.js" type="text/javascript"></script>
   <script>
   	$('[data-jui-slider]').slider();
   </script>
</body>
</html>
